
const select1 = document.getElementById('select1');
const box1 = document.getElementById('box1');
select1.addEventListener('change', (e) => {
  if (select1.value == 'none') {
    box1.className = 'box';
    return;
  }
  box1.className = `box ${select1.value}`;
});

const select2 = document.getElementById('select2');
const box2 = document.getElementById('box2');
select2.addEventListener('change', (e) => {
  box2.className = `box ${select2.value}`;
});

const select3 = document.getElementById('select3');
const box3 = document.getElementById('box3');
select3.addEventListener('change', (e) => {
  box3.className = `box ${select3.value}`;
});